<template>
   <div class="recommend">
     <div v-for="(item,index) in recommends" :key="index" class="recommend-item">
       <a :href="item.link">
         <img :src="item.image" alt="">
         <div>{{item.title}}</div>
       </a>
     </div>
   </div>
</template>

<script>
export default {
  name:"RecommendView",
  props:{
    recommends:{
      type:Array,
      default(){
        return []
      }
    }
  },
   data () {
      return {

      };
   },

   components: {},

   computed: {},

   methods: {}
}
</script>
<style  scoped>
.recommend{
  display: flex;
  text-align: center;
  font-size: 12px;
  padding: 10px 0 30px;
  border-bottom: 8px solid #eee;
}
.recommend-item{
  flex: 1;
}
.recommend img {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
  }
</style>